
/*
颜色变量命名说明：
--color-{用途}-{元素}-{状态?}-{主题?}（? 表示可选部分）
*/

:root {
  /* 颜色系统 */
  --c-color-primary: var(--c-color-navy-blue-600);
  --c-color-primary-hover: var(--c-color-navy-blue-700);

  //* 文字颜色 */
  --c-color-text-primary: var(--c-color-black-700);
  --c-color-text-primary: var(--c-color-neutral-900);   /* 主要文字 */
  --c-color-text-secondary: var(--c-color-neutral-600); /* 次要文字 */
  --c-color-text-secondary-1: var(--c-color-neutral-500); /* 次要文字 */
  --c-color-text-secondary-2: var(--c-color-neutral-400); /* 次要文字 */
  --c-color-text-secondary-2: var(--c-color-neutral-300); /* 次要文字 */
  --c-color-text-disabled: var(--c-color-neutral-400);  /* 禁用状态文字 */
  --c-color-text-contrast: var(--c-color-white);  /* 反差文字 */


  /* 背景颜色 */
  --c-color-bg-page-container: var(--c-color-neutral-100); /* 页面容器背景 */
  --c-color-bg-page: var(--c-color-neutral-100); /* 页面颜色 */
  --c-color-bg-primary: var(--c-color-neutral-50);     /* 主背景 */
  --c-color-bg-secondary: var(--c-color-neutral-100);  /* 次级背景 */
  --c-color-bg-secondary-1: var(--c-color-neutral-200);  /* 次级背景 */
  --c-color-bg-secondary-2: var(--c-color-neutral-300);  /* 次级背景 */

  /* 卡片背景颜色 */
  --c-color-bg-card-primary: var(--c-color-neutral-200); /* 卡片默认背景色 */
  --c-color-bg-card-active: var(--c-color-neutral-200); /* 卡片默认-选中背景色 */
  --c-color-bg-card-secondary: var(--c-color-neutral-200); /* 次要卡片背景色 */


  /* 边框颜色 */
  --c-color-border-primary: var(--color-neutral-300); /* 默认边框 */
  --c-color-border-focus: var(--color-brand-500);     /* 聚焦状态边框 */
  --c-color-border-secondary: var(--c-color-neutral-200);  /* 边框 */
  --c-color-border-level-1: var(--c-color-neutral-300);  /* 边框 */
  --c-color-border-level-2: var(--c-color-neutral-400);  /* 边框 */
  --c-color-border-level-3: var(--c-color-neutral-500);  /* 边框 */
  --c-color-border-level-4: var(--c-color-neutral-600);  /* 边框 */

}
